<template>
  <div id="app">
  	<div><router-view/></div>
  </div>
</template>

<script>
	import "./lib/localData.js";
	export default {
	  name: 'App',
		data: function(){
	    return{
		    
	    }
		},
		
	}
</script>
 
<style lang="less">
	@import './css/global.css';
	@import './css/pageination.css';
	@import './css/drop_down.css';
	.headers{
    background: #00307c;
    height: 70px;
    line-height: 70px;
    padding: 0 20px;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
	}
	.header:after{
    display:none;
    content:'';
    clear:'both';
	}
	.headers>span{
		font-size: 26px;
	}
	.right>span:first-child{
    margin-right: 20px;
    color: #fff;
    width: 50px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
	}
	.nav{
		margin-left: 70px;
    display: inline-block;
	}
	.nav>li{
		margin-right: 30px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
	}
	.nav>li.active{
		color: #11d7f4;
	}
	.nav>li:hover {
	  color: #11d7f4;
	}
	.content{
		margin-top: 70px;
	}
	/*列表页面样式*/
	.common-style{
		margin:20px;
		>div:first-child{
			height: 60px;
			line-height: 60px;
			>div>button{
				position: relative;
    		top: 1px;
			}
			>button{
				position: relative;
    		top: 14px;
			}
		}
	}
	/*新增发布样式*/
	.common-content-style{
		padding: 20px;
		>h3{
			padding-bottom: 10px;
			border-bottom: 1px solid #ccc;
			margin-bottom: 20px;
		}
		>p,>div{
			margin-bottom: 20px;
			>span{
				width: 100px;
				display: inline-block;
				>span{
					color: red;
					margin-right: 4px;
				}
			}
			>input{
				width: 500px;
			}
			>select{
				width: 300px;
			}
		}
		p.btn{
			text-align: center;
			margin-top: 20px;
			>button{
				margin-right: 10px;
			}
		}
		>div{
			>img{
				width: 350px;
				vertical-align: top;
			}
			>span.suggest{
				width:300px!important;
				margin-left: 30px;
			}
		}
	}
	span.eg{
		color:#999;
		margin-bottom: 14px;
		display: block;
	}
</style>
